<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

	<head>
		<meta charset="utf-8" />
		<title>团队审核申请</title>
		<meta name="keywords" content="面向研究团队的参考文献管理与服务分布式系统" />
		<meta name="description" content="面向研究团队的参考文献管理与服务分布式系统" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<link href="css/bootstrap.min.css" rel="stylesheet" />
		<link href="css/bootstrap-table.css" rel="stylesheet" />
		<link href="css/bootstrap-editable.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/font-awesome.min.css" />


		<link rel="stylesheet" href="css/ace.min.css" />
		<link rel="stylesheet" href="css/ace-rtl.min.css" />
		<link rel="stylesheet" href="css/ace-skins.min.css" />
		<link href="css/switch/bootstrap-switch.css" rel="stylesheet">

		<script src="js/ace-extra.min.js"></script>
		
		<script src="js/angular.min.js"></script>
		<script src="js/angular-cookies.min.js"></script>
		
	</head>
	<body>
		<div class="navbar navbar-default" id="navbar">
			<script type="text/javascript">
				try {
					ace.settings.check('navbar', 'fixed')
				} catch(e) {}
			</script>
			<div class="navbar-container" id="navbar-container">
				<div class="navbar-header pull-left">
					<a href="#" class="navbar-brand">
						<small>
						<i class="icon-book"></i>
							面向研究团队的参考文献管理与服务分布式系统
						</small>
					</a>
					<!-- /.brand -->
				</div>
				<!-- /.navbar-header -->

				<div class="navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav">

						<li class="light-blue">
							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
								<img class="nav-user-photo" src="avatars/user.jpg" alt="Jason's Photo" />
								<span class="user-info">
									<small>欢迎,</small>
									登录
								</span>

								<i class="icon-caret-down"></i>
							</a>

							<ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
								<li>
									<a href="#">
										<i class="icon-cog"></i> 设置
									</a>
								</li>

								<li>
									<a href="#">
										<i class="icon-user"></i> 简况
									</a>
								</li>

								<li class="divider"></li>

								<li>
									<a href="index.html">
										<i class="icon-off"></i> 登出
									</a>
								</li>
							</ul>
						</li>
					</ul>
					<!-- /.ace-nav -->
				</div>
				<!-- /.navbar-header -->
			</div>
			<!-- /.container -->

		</div>

		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try {
					ace.settings.check('main-container', 'fixed')
				} catch(e) {}
			</script>

			<div class="main-container-inner">
				<a class="menu-toggler" id="menu-toggler" href="#">
					<span class="menu-text"></span>
				</a>

				<div class="sidebar" id="sidebar">
					<script type="text/javascript">
						try {
							ace.settings.check('sidebar', 'fixed')
						} catch(e) {}
					</script>

					<!-- #sidebar-shortcuts -->
					<ul class="nav nav-list">
						<li class="active">
							<a href="application.html">
								<i class="icon-legal"></i>
								<span class="menu-text">审核申请 </span>
							</a>
						</li>
						<shiro:authenticated name="02">
						<li>
							<a href="singleUser.html" >
								<i class="icon-leaf"></i>
								<span class="menu-text"> 独立用户 </span>
							</a>
						</li>
						</shiro:authenticated>
						
						<shiro:hasRole name="0">
						
						<li >
							<a href="superAdminResearch.html">
								<i class="icon-group"></i>
								<span class="menu-text"> 研究团队 </span>
							</a>
						</li>
					</shiro:hasRole>
						<li>
							<a href="email.html">
								<i class="glyphicon glyphicon-envelope"></i>
								<span class="menu-text"> 邮件系统 </span>
							</a>
						</li>
						<li>
							<a href="message.html">
								<i class="glyphicon glyphicon-comment"></i>
								<span class="menu-text"> 短信系统 </span>
							</a>
						</li>
						<li>
							<a href="professionalCode.html">
								<i class="glyphicon glyphicon-th-list"></i>
								<span class="menu-text"> 专业分类 </span>
							</a>
						</li>
						<li>
							<a href="city.html">
								<i class="icon-globe"></i>
								<span class="menu-text"> 地区城市 </span>
							</a>
						</li>

						<li>
							<a href="#" class="dropdown-toggle">
								<i class="glyphicon glyphicon-tasks"></i>
								<span class="menu-text"> 组织机构 </span>
								<b class="arrow icon-angle-down"></b>
							</a>

							<ul class="submenu">
								<li>
									<a href="#" class="dropdown-toggle">
										<i class="icon-leaf"></i> 出版商
										<b class="arrow icon-angle-down"></b>
									</a>
									<ul class="submenu">
										<li>
											<a href="publisher1.html">
												<i class="icon-plus"></i> 国外出版商
											</a>
										</li>

										<li>
											<a href="publisher2.html">
												<i class="icon-eye-open"></i> 国内出版商
											</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="#" class="dropdown-toggle">
										<i class="icon-leaf"></i> 大学
										<b class="arrow icon-angle-down"></b>
									</a>
									<ul class="submenu">
										<li>
											<a href="institution1.html">
												<i class="icon-plus"></i> 国外大学
											</a>
										</li>

										<li>
											<a href="institution2.html">
												<i class="icon-eye-open"></i> 国内大学
											</a>
										</li>
									</ul>
								</li>

								<li>
									<a href="#" class="dropdown-toggle">
										<i class="icon-pencil"></i> 其他机构
										<b class="arrow icon-angle-down"></b>
									</a>

									<ul class="submenu">
										<li>
											<a href="#">
												<i class="icon-plus"></i> 国外其他机构
											</a>
										</li>

										<li>
											<a href="#">
												<i class="icon-eye-open"></i> 国内其他机构
											</a>
										</li>
									</ul>
								</li>
							</ul>
						</li>
						
						<li>
							<a href="profile.html">
								<i class="glyphicon glyphicon-user"></i>
								<span class="menu-text"> 个人信息 </span>
							</a>
						</li>
						<li>
							<a href="index.html">
								<i class="glyphicon glyphicon-off"></i>
								<span class="menu-text"> 退出系统 </span>
							</a>
						</li>

					</ul>
					<!-- /.nav-list -->

					<div class="sidebar-collapse" id="sidebar-collapse">
						<i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
					</div>

					<script type="text/javascript">
						try {
							ace.settings.check('sidebar', 'collapsed')
						} catch(e) {}
					</script>
				</div>

				<div class="main-content">
					<div class="breadcrumbs" id="breadcrumbs">
						<script type="text/javascript">
							try {
								ace.settings.check('breadcrumbs', 'fixed')
							} catch(e) {}
						</script>

						<ul class="breadcrumb">
							<li>
								<i class="icon-home home-icon"></i>
								<a href="#">主页</a>
							</li>

							<li>
								<a href="superAdminResearch.html">
									研究团队
								</a>
							</li>
							<li>审核申请</li>
						</ul>
					</div>

					<div class="page-content">

						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
								<div class="row">
										<div class="table-responsive  ">
											<div style="width:200px;" id="toolbar" class="btn-group row">
											       
										          <div style="background-color:#eea200;" class="table-header" >
										          <span style="margin-left:20px;color:black">
										          	等待审核的团队信息
								                 </span>
										          </div>  
											</div>
											
											<table style="text-overflow: ellipsis;white-space: nowrap;" id="sample-table-2">

											</table>

										</div>
									</div>
								</div>

								<!-- PAGE CONTENT ENDS -->
						
						</div>
						<!-- /.row -->
					</div>
					<!-- /.page-content -->
				</div>
				<!-- /.main-content -->

				
				<div class="ace-settings-container" id="ace-settings-container">
					<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
						<i class="icon-cog bigger-150"></i>
					</div>

					<div class="ace-settings-box" id="ace-settings-box">
						<div>
							<div class="pull-left">
								<select id="skin-colorpicker" class="hide">
									<option data-skin="default" value="#438EB9">#438EB9</option>
									<option data-skin="skin-1" value="#222A2D">#222A2D</option>
									<option data-skin="skin-2" value="#C6487E">#C6487E</option>
									<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
								</select>
							</div>
							<span>&nbsp; 换肤</span>
						</div>

						<!-- <div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
							<label class="lbl" for="ace-settings-add-container">
								居中
								<b></b>
							</label>
						</div> -->
					</div>
				</div>
				
				<!-- /#ace-settings-container -->
			</div>
			<!-- /.main-container-inner -->

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="icon-double-angle-up icon-only bigger-110"></i>
			</a>

		</div>

		<div id="pass" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
			<div class="modal-dialog modal-sm" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title">提示</h4>
					</div>
					<div class="modal-body">
						<p>确定审核通过？</p>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
						<button type="button" class="btn btn-default confirm">确定</button>
					</div>
				</div>
			</div>
		</div>
		<div id="no" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
			<div class="modal-dialog modal-sm" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title">提示</h4>
					</div>
					<div class="modal-body">
						<p>确定审核不通过？</p>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
						<button type="button" class="btn btn-default confirm">确定</button>
					</div>
				</div>
			</div>
		</div>
		<div id="delete" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
			<div class="modal-dialog modal-sm" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title">提示</h4>
					</div>
					<div class="modal-body">
						<p>删除该信息</p>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
						<button type="button" class="btn btn-default confirm">确定</button>
					</div>
				</div>
			</div>
		</div>
		
		

		<script src="js/jquery-2.0.3.min.js"></script>
		<script src="js/jquery.cookie.js"></script>

		<script type="text/javascript">
			if("ontouchend" in document) document.write("<script src='js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
		</script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/bootstrap-table.js"></script>
		<script src="js/bootstrap-editable.js"></script>
		<script src="js/bootstrap-table-zh-CN.js"></script>
		<script src="js/typeahead-bs2.min.js"></script>
		<script src="js/switch/highlight.js"></script>
		<script src="js/switch/bootstrap-switch.js"></script>
		<script src="js/switch/main.js"></script>

		<script src="js/ace-elements.min.js"></script>
		<script src="js/ace.min.js"></script>
		
		

		<script>
			$("#btn_add").click(function() {
				$('#add').modal();
			});
		</script>
		<script>
			$('#sample-table-2').bootstrapTable({
				url: '/ma/team/query/ifuse/n',
				method: 'get', //请求方式（*）
				/* data: '{"ifuse":"n"}', */
				toolbar: '#toolbar', //工具按钮用哪个容器
				striped: true, //是否显示行间隔色
				cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
				pagination: true, //是否显示分页（*）
				sortable: true, //是否启用排序
				sortOrder: "desc", //排序方式
				sidePagination: "client", //分页方式：client客户端分页，server服务端分页（*）
				pageNumber: 1, //初始化加载第一页，默认第一页
				pageSize: 10, //每页的记录行数（*）
				pageList: [10, 25, 50, 100], //可供选择的每页的行数（*）
				search: true, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
				strictSearch: true,
				/* showColumns: true, */ //是否显示所有的列
				showRefresh: true, //是否显示刷新按钮
				minimumCountColumns: 2, //最少允许的列数
				clickToSelect: true, //是否启用点击选中行
				height: 500, //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
				uniqueId: "teamNo", //每一行的唯一标识，一般为主键列
				showToggle: true, //是否显示详细视图和列表视图的切换按钮
				cardView: false, //是否显示详细视图
				detailView: false,
				editable: true,
				toolbarAlign: "left",
				/* onDblClickRow: function(item, $element) {
					$.cookie('teamNo', item.teamNo);
					$.cookie('teamName', item.teamName);
					window.location.href = "teamMember.html";
				}, */
				columns: [
							{
								  formatter: function (value, row, index) {  
							         return index+1;  
							     },
							width:30,
							title: '序号'
							},
							
				 {
					field: 'teamNo',
					title: '团队号',
					align: 'center',
					sortable: true
				}, {
					field: 'userName',
					title: '管理员',
					width: 100,
					align: 'center',
					sortable: true
				}, {
					field: 'teamName',
					title: '团队名称',
					rowspan: 1,
					width: 100,
					colspan: 1,
					formatter : function(value, row, index){
				      	  var div = "<div style='width:120px;'>"+value+"</div>";
				      	  return div;
				        },
					width: 100,
					align: 'center',
					sortable: true

				},
				{
					field: 'userRole',
					title: '团队类型',
					width: 100,
					align: 'center',
					rowspan: 1,
					editable: true,
					sortable: true
					
				},
				{
					field: 'maxNum',
					title: '最大</br>用户数',
					align: 'center',
					sortable: true
				}, {
					field: 'userEmail',
					title: '管理员Email',
					align: 'center',
					sortable: true
				}, {
					field: 'date',
					title: '创建日期',
					align: 'center',
					sortable: true
				}, 
				{
					field: 'state',
					title: '状态',
					align: 'center',
					sortable: true
				},
				{
					title: '审核',
					width: 200,
					field: 'id',
					align: 'center',
					formatter: function(value, row, index) {
						var e = '<a class = "pass" href="javascript:void(0)" mce_href="#"><i class="glyphicon glyphicon-ok"></i></i></a> ';
						var d = '<a class = "no" href="javascript:void(0)" mce_href="#" ><i class="glyphicon glyphicon-remove"></i></a> ';
						var f = '<a class = "delete" href="javascript:void(0)" mce_href="#" ><i class="icon-trash bigger-130"></i></a> ';
						return e + d + f;
					},
					events: 'operateEvents'
				}]

			});

			window.operateEvents = {
				'click .pass': function(e, value, row, index) {
					$("#pass").modal();	
					$("#pass .confirm").click(function(e) {
						$.ajax({
							type: "PUT",
							contentType: "application/json",
							data: '{"teamNo":"' + row.teamNo + '","ifuse":"y","state":"A"}',
							dataType: 'json',
							url: '/ma/team',
							success: function(data) {
								$('#sample-table-2').bootstrapTable('remove', {
									field: 'teamNo',
									values: [row.teamNo]
								});
								$('#pass').modal('hide');
							}
						});
					})

				},
				'click .no': function(e, value, row, index) {
					/*$("#myModal .confirm").attr("onclick","confirmRemove("+row.teamNo+");");*/
					$('#no').modal();
					console.log(row);
					$("#no .confirm").click(function(e) {
						$.ajax({
							type: "PUT",
							contentType: "application/json",
							data: '{"teamNo":"' + row.teamNo + '","state":"B"}',
							dataType: 'json',
							url: '/ma/team',
							success: function(data) {
								/* $('#sample-table-2').bootstrapTable('remove', {
									field: 'teamNo',
									values: [row.teamNo]
								}); */
								$('#no').modal('hide');
							}
						});
						
					})

				},
				
				'click .delete':function(e, value, row, index) {
					/*$("#myModal .confirm").attr("onclick","confirmRemove("+row.teamNo+");");*/
					$('#delete').modal();
					console.log(row);
					$("#delete .confirm").click(function(e) {
						$.ajax({
							type: "PUT",
							contentType: "application/json",
							data: '{"teamNo":"' + row.teamNo+'"}',
							dataType: 'json',
							url: '/ma/team/delete',
							success: function(data) {
								$('#sample-table-2').bootstrapTable('remove', {
									field: 'teamNo',
									values: [row.teamNo]
								});
								$('#delete').modal('hide');
							}
						});
						
					})

				},

			};
		</script>
		

	</body>

</html>